*{
    margin:0;
    padding:0;
    list-style: none;
}
#box{
  border:1px solid red;
  width:510px;
  height:454px;
  position:relative;
  margin:0 auto;
overflow:hidden;

  ul{
      width:100000px;
      height:454px;
      position:absolute;
      top:0;
      left:0;
      border:1px solid blue;
      li{
          width:510px;
          height:454px;
          float:left;
          
      }
  }
  .point{
      height:15px;
      text-align: center;
      margin-top: 420px;
      position:relative;
      z-index: 100;
      i{
          display: inline-block;
          width:15px;
          height:15px;
          border-radius: 50%;
          background: grey;
      }
      i.active{
          background: red;
      }
  }
  .left{
      width:30px;
      height:60px;
      text-align: center;
      line-height: 60px;
      position:absolute;
      top:200px;
      left:0px;
      background: gray;
  }
  .right{
      width:30px;
      height:60px;
      text-align: center;
      line-height: 60px;
      position:absolute;
      top:200px;
      right:0px;
      background: gray;
  }
}